<template>
  <div class="main"> 
    <h1>welcome！</h1>
    <el-calendar v-model="value" style="width:800px;margin-left:250px">
    </el-calendar>
  </div>
</template>
<script>
  export default {
    data () {
      return {
        value: new Date()
      };
    },
  }
</script>
<style lang='scss' scoped>
.main{
    h1{
        width: 400px;
        color: #4444;
        margin: 0px auto;
    }
    padding: 20px 40px;
    width: 1200px;
}
</style>